<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
		<title>demo</title>
		<link rel="stylesheet" type="text/css" href="css/reset.css" />
		<link rel="stylesheet" type="text/css" href="css/base_report.css"/>
		<link rel="stylesheet" href="css/index.css" />
		<script src="js/jquery-3.3.1.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/index.js" type="text/javascript" charset="utf-8"></script>
	</head>

	<body>
		<div class="home_page">
			<div class=" border_bot10 pad_bot24">
				<div class="title_wrap title_backgroud1">
					<span class="menu_btn_wrap">
						<span></span>
					<span></span>
					<span></span>
					</span>
					<span style="letter-spacing: 1px;">
						蛋白质代谢能力
					</span>
				</div>
				<h1 style="padding-bottom: 15px;">蛋白质代谢</h1>
				<p class="pad_lr28 pstyle main_color text_indent">
					肠型类似与血型，是根据人肠道微生物的结构和优势菌种对人群进行分类的一种方法。肠型通常会保持稳定，但长期饮食的变化有可能引起肠型的改变。
				</p>
			</div>
			<div class="pad_top15">
				<div class="pad_lr28 border_bot10 pad_bot24">
					<h3>我的检测结果</h3>
					<div class="zhishu_wrap">
						<p class="zhishu_title">我的代谢能力</p>
						<div class="big_num color2">
							过剩
						</div>
					</div>
				</div>
				<div class="pad_lr28">
					<div class="" style="margin-top: 24px;">
						<h3 style="padding-bottom: 10px;">综合评价</h3>
						<p class="pstyle main_color text_indent">
							您的肠道菌群结果显示您的抑郁症风险为：中。疾病风险高于10%的参考人群
						</p>
					</div>
				</div>
			</div>
		</div>
	</body>

</html>